﻿* {
    font-family: "思源黑体";
}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
i,cite,em,var,address,dfn{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
/*h1,h2,h3,h4,h5,h6,small{font-size:100%}
*/sup,sub{font-size:83%}
pre,code,kbd,samp{font-family:inherit}
q:before,q:after{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
/*h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}
*/del,ins,u,s,a,a:hover{text-decoration:none}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0}
body{background:#fff;font-family:"思源黑体"}
a,a:hover{color:#333}
.clear{clear:both}
*{font-size:14px;}

/*幻灯*/
.m-carousel{position:relative;overflow:hidden}
.m-carousel-list{overflow-y:hidden;width:100%;
                 height:695px;
                 -webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.m-carousel-list li{float:left;width:100%;height:100%;padding-bottom:120px;overflow:hidden;text-align:center;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%}
.m-carousel-list li a{display:block;height:100%}

.m-carousel-list .m-carousel-title{ text-align:left; font-size:60px;font-weight:100;height:80px;padding-top:220px;text-shadow:0 2px 20px rgba(0,0,0,.1)}
    .m-carousel-list .m-carousel-note {
        text-align: left;
        color: hsla(0,0%,100%,.8);
        font-size: 30px;
        font-weight:normal;
        font-family:Arial;
        height: 40px;
        line-height: 40px;
        text-shadow: 0 2px 20px rgba(0,0,0,.1)
    }


.m-carousel-list .m-carousel-title-project{font-size:50px;font-weight:100;height:100px;padding-top:60px;text-shadow:0 2px 20px rgba(0,0,0,.1)}
.m-carousel-list .m-carousel-note-project{padding-top:200px;color:hsla(0,0%,100%,.8);font-size:80px;font-family:'Courier New';height:80px;line-height:80px;text-shadow:0 2px 20px rgba(0,0,0,.1)}
.m-carousel-list .m-carousel-btn{display:inline-block;width:264px;font-size:30px;height:64px;line-height:64px;
                                 border:1px solid #dedede;border-radius:4px;margin-top:20px}
.c-carousel-dot{position:absolute;bottom:10%;left:0;width:100%;text-align:center}
    .c-carousel-dot span {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        border-radius: 6px;
        background: #b58464;
        
        cursor: pointer;
        -webkit-transition: width .3s ease,background .9s ease;
        transition: width .3s ease,background .9s ease
    }

    .c-carousel-dot span:hover {
        background: #b58464;
        background: hsla(0,0%,100%,.9)
    }
    .c-carousel-dot span.active {
        width: 23px;
        background: #b58464;
        cursor: default
    }

.pagercontainer {width:1200px; padding:40px 0px 40px 0px; float:left;}